<template>
  <div class="body">
    <ul>
      <li v-for="(item, index) in Mogo">
        <div class="shangjia">
          <span>订单编号：{{item.id}}</span> <span class="you hong">{{item.zt}}</span>
        </div>
        <div class="shangpin">
          <div class="s_d2"><img src="../../../../../static/Aladeng_img/4_gouwuche/mifen.png" alt=""></div>
          <div class="s_d3">
            <div>
              <h1>{{item.name}}</h1>
              <h2>规格: {{item.gg}}</h2>
              <h3 class="jiaqian"><span>¥ {{item.num1}}</span> <spamn>×{{item.num2}}件</spamn></h3>
            </div>
          </div>
        </div>
        <div class="shangjia">
          <span>应付：<span class="hong">￥{{item.num1}}</span></span> <span class="you"><span class="hong">{{item.time1}}</span> <span class="youniu">{{item.fk}}</span></span>
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    data(){
      return{
        isShow: false,
        Mogo:[
          {
            name: '会呼吸丝滑蜜粉',
            gg:'蜜粉',
            id:'1485269676465',
            imgUrl:'',
            num1: 166.06,
            num2: 1,
            time1: '倒计时：03:02:56',
            zt:'待支付',
            fk:'去付款'
          }
        ]
      }
    },
    components:{
    },
    methods: {

    }
  }
</script>
<style scoped>
  /**/
  .shangjia{
    color: #4d4d4d;
    font-weight: 200;
    padding: 0.3rem 0 0.3rem 0.5rem;
    border-bottom: 1px solid #cccccc;
  }
  .shangjia span{
    vertical-align: 0.2rem;
    font-size: 0.8rem;
  }
  .you{
    float: right;
    padding-right: 0.5rem;
  }
  .shangjia img{
    width: 1rem;
  }
  /**/
  .shangpin{
    display: flex;
    padding: 1rem 0;
    border-bottom: solid 1px #cccccc;
  }
  .s_d1 img {
    width: 1rem;
  }
  .shangpin .s_d2{
    width: 6rem;
    text-align: center;
    padding-top: 0.5rem;
  }
  .s_d2 img{
    width: 2.867rem;
  }
  .shangpin .s_d3{
    width: 12rem;
  }
  .shangpin .s_d3 h1{
    font-family: SimHei;
    font-size: 1rem;
    font-weight: 200;
    color: #4d4d4d;
  }
  .shangpin .s_d3 h2{
    font-family: SimHei;
    font-size: 0.9rem;
    font-weight: 200;
    letter-spacing: 0rem;
    color: #666666;
    padding: 0.5rem 0;
  }
  .shangpin .s_d3 h3{
    font-family: SimHei;
    font-size: 0.9rem;
    font-weight: 200;
    color: #e53e42;
  }
  .youniu{
    background-color:#e53e42 ;
    padding: 0 0.4rem;
    border-radius: 1rem;
    color: #ffffff;
  }
  .hong{
    color: #e53e42;
  }
  .jiaqian span:nth-child(1){
    padding-right: 2rem;
  }
  .jiaqian span:nth-child(2){
    color: #808080;
  }

</style>
